
@extends('common.header')

<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}"> 
<br/><br/><br/><br/>

<!-- 页面标记 -->
<div style="float:left;margin-left:130px;">
	<mark style="font-size:18px;">{{ $title or '' }}</mark>
	
</div>
<br/><br/><br/>

<!-- 友情链接表格 -->
<div class="bs-example" data-example-id="hoverable-table" style="width:80%;margin:0 auto;">
    <table class="table table-hover">
		<thead>
			<tr>
				<th>id</th>
				<th>名称</th>
				<th>地址</th>
				<th>操作</th>
				<th>排序(由大到小)</th>
				<th>
					<a href="{{ url('/friend/create') }}" style="font-size:26px;color:#EE3B3B;">
						添加
					</a>
				</th>
			</tr>
		</thead>
		<tbody>
			@foreach($links as $link_info)
				<tr>
					<th>{{ $link_info->id }}</th>
					<th scope="row">{{ $link_info->name }}</th>
					<td><a href="{{ $link_info->url }}" target="_blank" >{{ $link_info->url }}</a></td>
					<td> 
						<a style="color:#008B00;font-size:16px;" href="{{ asset('/friend/create') }}/{{ $link_info->id }}" >编辑</a>
						&nbsp; | &nbsp; 
						<a data-toggle="modal" style="cursor:pointer;"  onclick="delFri({{ $link_info->id }});">
							删除
						</a>
					</td>
					<td class="sort" linkId="{{ $link_info->id }}" >{{ $link_info->sort }}</td>
				</tr>
			@endforeach
		</tbody>
    </table>
</div>

<script src=" {{ asset('./js/jquery-1.8.3.min.js') }} "></script>
<script>
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	// 是否双击
	var isDbl = false;
	// 无刷新执行 排序
	$(".sort").on('dblclick',function(){
		if( isDbl )
		{
			return false;
		}
		isDbl = true;
		// 获取原来的值
		var old_value = $(this).val();
		// 声明 输入框对象
		var input=$("<input type='text' class='form-control' style='width:50px;' />");
		// 显示 这个输入框
		$(this).append(input);
		// 光标 直接在里面
		input.select();
		// 获取链接ID
		var linkId = $(this).attr('linkId');
		// 获取当前点击对象
		var td = $(this);
		// 失去焦点 执行充值
		input.on('blur',function(){
			// 获取新输入的值
			var new_value = $(this).val();
			// 点错了什么都没输入 或者 输入0
			if( new_value== '' || new_value==0  )
			{
				location.reload();
				return false;
				
			}
			new_value = parseFloat( new_value );
			// 不是数字
			if( isNaN(new_value) )
			{
				alert('请输入数字');
				return false;
			}
			// 输入负数
			if( new_value < 0 )
			{
				alert('请输入数字');
				return false;
			}
			$.ajax({
				type:"post",
				url:"{{ url('/friend/frisort') }}"+'/'+linkId,
				data:{sort:new_value,_token:_token},
				async:true,    					
				dataType:"text",
				success:function(back){
					if( back=='1' )
					{
						// 刷新 显示新值
						location.reload();
					}else
					{
						// 没改成功 显示旧值
						td.html(old_value);
					}
				}
			});
		})
	});
	
	// 删除 友情链接
	function delFri( id ){

		$.ajax({
			type:"post",
			url:"{{ url('/friend/delete') }}"+'/'+id,
			data:{_token:_token},
			async:true,    						
			dataType:"json",
			success:function(back){
				$('#show_info').html( '' );
				$('#show_info').html( back['show_info'] );
				location.reload();

			}
		});
	}
	




	
</script>


@extends('common.footer')